<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
    integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
  <link rel="stylesheet" href="../css/MedicalTechnology.css">
  
  <script src="../utils/jquery-3.6.0.js"></script>
  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
    integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
    crossorigin="anonymous"></script>
</head>

<body>
  <div class="container-fluid">
    <div class="header">
      <div id="u281">
        <img src="../images/Dismiss event.img/1.png" alt="">
      </div>
      <div id="u283">
        <p>医院不良事件上报系统</p>
      </div>
      <div id="u282">
        <p>Hospital adverse event reporting system</p>
      </div>
      <div id="u273">
        <img
          src="https://cimg.axureshop.com/37/a6/45/37a6454045b1494ca65c8b5d93dedcb9/images/%E9%A6%96%E9%A1%B5/u273.svg"
          alt="">
      </div>
      <div id="u272">
        <img
          src="https://cimg.axureshop.com/37/a6/45/37a6454045b1494ca65c8b5d93dedcb9/images/%E9%A6%96%E9%A1%B5/u272.svg"
          alt="">
      </div>
      <div id="u271">
        <p>admin</p>
      </div>
      <div id="u276">
        <p>
          <span>成都</span>
          <span>|</span>
          <span>晴</span>
        </p>
      </div>
      <div id="u277">
        <span>21-30 °C</span>
      </div>
      <div id="u278">
        <img
          src="https://cimg.axureshop.com/37/a6/45/37a6454045b1494ca65c8b5d93dedcb9/images/%E9%A6%96%E9%A1%B5/u278.svg"
          alt="">
      </div>
      <div id="u279">
        <p>星期四</p>
      </div>
      <div id="u280">
        <p>22/08/21</p>
      </div>
    </div>
    <div class="all-body">
      <div id="nav">
        <div id="u35" class="div1">
          <div class="text">
            <img src="../images/Dismiss event.img/2.png" style="width: 20px; height: 20px;"><span>个人待处理</span>
            <div id="u36">
              <img
                src="https://cimg.axureshop.com/37/a6/45/37a6454045b1494ca65c8b5d93dedcb9/images/%E9%A6%96%E9%A1%B5/u30.svg"
                alt="">
            </div>
          </div>
        </div>
        <ul id="ul1" class="ul1">
          <li>待审批记录(26)</li>
          <li>已批记录查询</li>
          <li>事件追踪审批</li>
          <li>被驳回事件(10)</li>
          <li>已上报事件查询</li>
          <li>事件追踪</li>
        </ul>
        <div id="u35" class="div2">
          <div class="text">
            <img src="../images/Dismiss event.img/3.png" style="width: 20px; height: 20px;"><span>不良事件上报</span>
            <div id="u36">
              <img
                src="https://cimg.axureshop.com/37/a6/45/37a6454045b1494ca65c8b5d93dedcb9/images/%E9%A6%96%E9%A1%B5/u30.svg"
                alt="">
            </div>
          </div>
        </div>
        <ul id="ul1" class="ul2">
          <li>感染病例事件</li>
          <li>医疗医技异常事件</li>
          <li>护理异常事件</li>
          <li>输血不良事件</li>
          <li>医疗器械异常事件</li>
          <li>药物不良反应事件</li>
          <li>异常用药事件</li>
          <li>行政后勤保障事件</li>
          <li>治安管理事件</li>
        </ul>
        <div id="u35" class="div3">
          <div class="text">
            <img src="../images/Dismiss event.img/4.png" style="width: 20px; height: 20px;"><span>不良事件查询</span>
            <div id="u36">
              <img
                src="https://cimg.axureshop.com/37/a6/45/37a6454045b1494ca65c8b5d93dedcb9/images/%E9%A6%96%E9%A1%B5/u30.svg"
                alt="">
            </div>
          </div>
        </div>
        <ul id="ul1" class="ul3">
          <li>感染病例事件</li>
          <li>医疗医技异常事件</li>
          <li>护理异常事件</li>
          <li>输血不良事件</li>
          <li>医疗器械异常事件</li>
          <li>药物不良反应事件</li>
          <li>异常用药事件</li>
          <li>行政后勤保障事件</li>
          <li>治安管理事件</li>
        </ul>
        <div id="u35" class="div4">
          <div class="text">
            <img src="../images/Dismiss event.img/5.png" style="width: 20px; height: 20px;"><span>科室事件查询</span>
            <div id="u36">
              <img
                src="https://cimg.axureshop.com/37/a6/45/37a6454045b1494ca65c8b5d93dedcb9/images/%E9%A6%96%E9%A1%B5/u30.svg"
                alt="">
            </div>
          </div>
        </div>
        <ul id="ul1" class="ul4">
          <li>科室事件查询</li>
        </ul>
        <div id="u35" class="div5">
          <div class="text">
            <img src="../images/Dismiss event.img/6.png" style="width: 20px; height: 20px;"><span>事件综合统计分析</span>
            <div id="u36">
              <img
                src="https://cimg.axureshop.com/37/a6/45/37a6454045b1494ca65c8b5d93dedcb9/images/%E9%A6%96%E9%A1%B5/u30.svg"
                alt="">
            </div>
          </div>
        </div>
        <ul id="ul1" class="ul5">
          <li>全院汇总统计分析</li>
          <li>科室汇总统计分析</li>
          <li>事件分类统计分析</li>
        </ul>
        <div id="u35" class="div6">
          <div class="text">
            <img src="../images/Dismiss event.img/7.png" style="width: 20px; height: 20px;"><span>系统管理</span>
            <div id="u36">
              <img
                src="https://cimg.axureshop.com/37/a6/45/37a6454045b1494ca65c8b5d93dedcb9/images/%E9%A6%96%E9%A1%B5/u30.svg"
                alt="">
            </div>
          </div>
        </div>
        <ul id="ul1" class="ul6">
          <li>菜单管理</li>
          <li>角色管理</li>
          <li>用户管理</li>
          <li>字典维护</li>
        </ul>
      </div>
      <div class="internalContent">
        <div class="internalTop">
          <select class="drop-down">
            <option value="医疗医技异常事件">医疗医技异常事件</option>
            <option value="感染病例报告卡计">感染病例报告卡计</option>
            <option value="护理异常事件">护理异常事件</option>
            <option value="输血不良反应">输血不良反应</option>
            <option value="医疗器械异常事件">医疗器械异常事件</option>
            <option value="药物不良反应事件">药物不良反应事件</option>
            <option value="异常用药事件">异常用药事件</option>
            <option value="行政与后勤保障事件">行政与后勤保障事件</option>
            <option value="治安管理异常事件">治安管理异常事件</option>
          </select>
        </div>
        <div class="instructions">
          <p><strong>填表说明</strong></p>
          <span>1.&nbsp; &nbsp; 暂存数据：保存填写的数据，下次可以进行补充修改，但是并没有提交。</span>
        </div>
        <div class="contentBox">
          <div class="fillIn">
            <p>医疗医技异常报告填写</p>
          </div> 
          <p class="situation"><strong><span>&nbsp;&nbsp;&nbsp; 患者基本情况</span><span class="situation2">（不涉及患者，不填此项）</span></strong></p>
          <div class="medicalRecord">
            <p><strong>病历号：</strong></p>
            <input type="text" placeholder="请输入准确的病历号后回车（门诊为就诊卡号">
          </div>
          <div class="patientInformation">
            <p><strong>病人信息：</strong></p>
            <div class="patientInformation-text">
              <p><strong>姓名</strong></p>
              <input type="text">
              <p class="patientInformation-text1"><strong>性别</strong></p>
              <select>
                <option>男</option>
                <option>女</option>
              </select>
              <p class="patientInformation-text2"><strong>年龄</strong></p>
              <input type="text">
            </div>
          </div>
          <div class="department">
            <p><strong>所在科室:</strong></p>
            <select style="appearance: menulist-button;">
              <option value="妇科">妇科</option>
              <option value="内分泌科">内分泌科</option>
              <option value="儿童心理科">儿童心理科</option>
              <option value="儿科">儿科</option>
              <option value="产科">产科</option>
              <option value="神经外科">神经外科</option>
              <option value="眼科">眼科</option>
            </select>
          </div>
          <div class="admissionDate">
            <p><strong>入院日期:</strong></p>
            <input type="date" v-model="startTime" class="choose1">
          </div>
          <div class="diagnosis">
            <p><strong>临床诊断:</strong></p>
            <input type="text" >
          </div>
          <p class="situationB"><strong><span>&nbsp;&nbsp;&nbsp; 事件基本情况</span></p>
          <div class="anonymous">
            <p>是否匿名上报:<span class="xing
              ">&nbsp;&nbsp;&nbsp;*</span></p>
            <label>
              <input type="radio" value="radio">
              否
            </label>
            <label>
              <input type="radio" value="radio">
              是
            </label>
          </div>
          <div class="event1">
            <p>事件发生日期:<span class="xing
              ">&nbsp;&nbsp;&nbsp;*</span></p>
            <input type="date">
          </div>
          <div class="event2">
            <p>事件发生日期类型：</p>
            <select class="eventDown">
            <option >--请选择--</option>
            <option >工作日</option>
            <option >法定节假日</option>
            <option >休息日</option>
          </select>
          </div>
          <div class="event3-A">
            <p>是否匿名上报:<span class="xing
              ">&nbsp;&nbsp;&nbsp;*</span></p>
            <label class="a1">
              <input type="radio" value="radio" checked>
              门诊
            </label>
            <label class="a2">
              <input type="radio" value="radio">
              急诊
            </label>
            <label class="a3">
              <input type="radio" value="radio">
              住院
            </label>
          </div>
          <div class="event3-B">
            <label class="b1">
              <input type="radio" value="radio">
              手术麻醉
            </label>
            <label class="b2">
              <input type="radio" value="radio">
              产房
            </label>
            <label class="b3">
              <input type="radio" value="radio">
              医技科室
            </label>
          </div>
          <div class="event3-C">
            <label class="c1">
              <input type="radio" value="radio">
              公共活动区
            </label>
            <label class="c2">
              <input type="radio" value="radio">
              场所不明
            </label>
            <label class="c3">
              <input type="radio" value="radio">
              其他场所
            </label>
          </div>
          <div class="event2">
            <p>事件发生的环境状态：</p>
            <select class="event2Down">
            <option >--请选择--</option>
            <option >照明昏暗</option>
            <option >地面湿滑</option>
            <option >走廊拥挤</option>
            <option >其他</option>
          </select>
          </div>
          <div class="event4">
            <p>患者状态：<span class="xing
              ">&nbsp;&nbsp;*</span></p>
            <label class="f1">
              <input type="checkbox" value="radio">
              意识障碍
            </label>
            <label class="f2">
              <input type="checkbox" value="radio">
              听觉障碍
            </label>
            <label class="f3">
              <input type="checkbox" value="radio">
              视觉障碍
            </label>
            <label class="f4">
              <input type="checkbox" value="radio">
              语言障碍
            </label>
          </div>
          <div class="event4-A">
            <label class="f5">
              <input type="checkbox" value="radio">
              精神障碍
            </label>
            <label class="f6">
              <input type="checkbox" value="radio">
              肢体功能障碍
            </label>
            <label class="f7">
              <input type="checkbox" value="radio">
              感觉障碍
            </label>
            <label class="f8">
              <input type="checkbox" value="radio">
              特殊疾病障碍
            </label>
          </div>
          <div class="event4-B">
            <label class="f9">
              <input type="checkbox" value="radio">
              麻醉状态
            </label>
            <label class="f10">
              <input type="checkbox" value="radio">
              服用药物后
            </label>
            <label class="f11">
              <input type="checkbox" value="radio">
              治疗过程中
            </label>
            <label class="f12">
              <input type="checkbox" value="radio">
              公共服务设施
            </label>
          </div>
          <div class="event4-C">
            <label class="f13">
              <input type="checkbox" value="radio">
              正常行走中
            </label>
            <label class="f14">
              <input type="checkbox" value="radio">
              床上安静休息
            </label>
          </div>
          <div class="diagnosis">
            <p><strong>事件经过:</strong></p>
            <input type="text" >
          </div>
          <div class="event5">
            <div class="event5-left">
              <p>给患者造成损害的轻重程度：</p>
            </div>
            <div class="event5-right">
              <div class="J1">
                <h4>I级：发生错误，造成患者死亡</h4>
                <label >
                  <input type="radio" value="radio">
                  I级：导致患者死亡
                </label>
              </div>
              <div class="J2">
                <h4>Ⅱ级：发生错误，且造成患者伤害</h4>
              <label >
                <input type="radio" value="radio">
                E级：造成患者暂时性伤害，并需要进行治疗或干预
              </label>
              <label >
                <input type="radio" value="radio">
                F级：造成患者暂时性伤害，并需要住院或延长住院时间
              </label>
              <label >
                <input type="radio" value="radio">
                G级：造成患者永久性伤害
              </label>
              <label >
                <input type="radio" value="radio">
                H级：导致患者需要治疗挽救生命
              </label>
              </div>
              <div class="J3">
                <h4>Ⅲ级：发生错误，但未造成患者伤害</h4>
              <label >
                <input type="radio" value="radio">
                B级：发生但未累及患者
              </label>
              <label >
                <input type="radio" value="radio">
                C级：累及到患者，但没有造成伤害
              </label>
              <label >
                <input type="radio" value="radio">
                D级：累及到患者，需要进行监测以确保患者不被伤害，或需通过干预阻止伤害发生
              </label>
              </div>
              <div class="J4">
                <h4>Ⅳ级：错误未发生（错误隐患）</h4>
                <label >
                  <input type="radio" value="radio">
                  A级：客观环境或条件可能引发不良事件（隐患）
                </label>
              </div>
            </div>
          </div>
          <div class="event6">
            <div class="event6-left">
              <p>事件类型：<span class="xing
                ">&nbsp;&nbsp;&nbsp;*</span></p>
            </div>
            <div class="event6-right">
              <label >
                <input type="radio" value="radio">
                <strong>警讯事件：</strong>
                涉及死亡或严重身体伤害或心理伤害的意外事件。严重身体伤害具体包括丧失四肢或功能。
              </label>
              <label >
                <input type="radio" value="radio">
                <strong>不良后果事件:</strong>
                造成机体或功能的损害的事件。
              </label>
              <label >
                <input type="radio" value="radio">
                <strong>未造成后果事件：</strong>
                虽然发生了错误事实，但未造成不良后果。
              </label>
              <label >
                <input type="radio" value="radio">
                <strong>临界差错事件：</strong>
                任何发现的缺陷或错误，未形成事实，未造成危害，但其再发生很有可能带来严重后果。
              </label>
            </div>
             
            
          </div>
          <div class="event7">
            <div class="event7-left">
              <p>事件科目：<span class="xing
                ">&nbsp;&nbsp;&nbsp;*</span></p>
            </div>
            <div class="event7-right">
              <label class="km1">
                <input type="radio" value="radio">
                医疗处置事件
              </label>
              <label class="km2">
                <input type="radio" value="radio">
                导管事件
              </label>
              <br>
              <br>
              <label class="km1">
                <input type="radio" value="radio">
                医技检查事件
              </label>
              <label class="km2">
                <input type="radio" value="radio">
                手术相关事件
              </label>
              <br>
              <br>
              <label class="km1">
                <input type="radio" value="radio">
                麻醉相关事件
              </label>
              <label class="km2">
                <input type="radio" value="radio">
                输血相关事件
              </label>
              <br>
              <br>
              <label class="km1">
                <input type="radio" value="radio">
                非预期的事件
              </label>
              <label class="km2">
                <input type="radio" value="radio">
                伤害事件
              </label>
              <br>
              <br>
              <label class="km1">
                <input type="radio" value="radio">
                护理处置事件
              </label>
              <label class="km2">
                <input type="radio" value="radio">
                其他事件
                <input type="text" class="km1Inp">
              </label>
            </div>
             
            
          </div>
          <div class="event7">
            <div class="event7-left">
              <p>事件发生原因：<span class="xing
                ">&nbsp;&nbsp;*</span></p>
            </div>
            <div class="event7-right">
              <label class="km1">
                <input type="checkbox" value="radio">
                确认/检查
              </label>
              <label class="km2">
                <input type="checkbox" value="radio">
                观察/评估
              </label>
              <br>
              <br>
              <label class="km1">
                <input type="checkbox" value="radio">
                诊断/判断
              </label>
              <label class="km2">
                <input type="checkbox" value="radio">
                知识/经验
              </label>
              <br>
              <br>
              <label class="km1">
                <input type="checkbox" value="radio">
                技术/处置
              </label>
              <label class="km2">
                <input type="checkbox" value="radio">
                报告/汇报
              </label>
              <br>
              <br>
              <label class="km1">
                <input type="checkbox" value="radio">
                病历及文书
              </label>
              <label class="km2">
                <input type="checkbox" value="radio">
                沟通与知情同意
              </label>
              <br>
              <br>
              <label class="km1">
                <input type="checkbox" value="radio">
                教育与培训
              </label>
              <label class="km2">
                <input type="checkbox" value="radio">
                其他宣教
                <input type="text" class="km1Inp">
              </label>
            </div>
             
            
          </div>
          <div class="consequences">
            <p>不良后果：<span class="xing
              ">&nbsp;&nbsp;*</span></p>
            <select style="appearance: menulist-button;">
              <option  value="---请选择---">---请选择---</option>
              <option value="无">无</option>
              <option value="有">有</option>
              <option value="不详">不详</option>
            </select>
          </div>
          <div class="consequences">
            <p>医疗纠纷：<span class="xing
              ">&nbsp;&nbsp;*</span></p>
            <select style="appearance: menulist-button;">
              <option  value="---请选择---">---请选择---</option>
              <option value="无">无</option>
              <option value="有">有</option>
              <option value="不详">不详</option>
            </select>
          </div>
          <div class="consequences1">
            <p>补救措施：<span class="xing
              ">&nbsp;&nbsp;*</span></p>
            <input type="text" class="tosave">
          </div>
          <button class="toSubmit">确认提交</button>
          <button class="toStaging">暂存数据</button>
        </div>
      </div>
    </div>
    <script>
      var oDiv = $('#u35');
      var oUl = $('#ul1');
      oDiv.click(function () {
        oUl.slideToggle()
      })
      $('.div2').click(function () {
        $('.ul2').slideToggle()
      })
      $('.div3').click(function () {
        $('.ul3').slideToggle()
      })
      $('.div4').click(function () {
        $('.ul4').slideToggle()
      })
      $('.div5').click(function () {
        $('.ul5').slideToggle()
      })
      $('.div6').click(function () {
        $('.ul6').slideToggle()
      })
    </script>
    <script src="../js/MedicalTechnology.js"></script>
</body>

</html>